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ABSTRAK 


Berkembangnya teknologi saat ini semakin luas dalam bidang apapun, salah satunya dibidang 
teknologi pemrograman seperti konsep Model View Controller (MVC). Model View Controller 
pertama sekali dipublikasikan oleh peneliti XEROX PARC yang bekerja dalam pembuatan 
bahasa pemrograman Smalltalk sekitar tahun 1970-1980, hingga sekarang software design 
pattern ini banyak dipergunakan dalam pengembangan sebuah aplikasi maupun situs web. 
Model View Controller adalah sebuah metode untuk membuat sebuah aplikasi dengan 
memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya 
(Controller). Dalam implementasinya kebanyakan framework dalam aplikasi website adalah 
berbasis arsitektur MVC. MVC memisahkan pengembangan aplikasi berdasarkan komponen 
utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan 
bagian yang menjadi kontrol dalam sebuah aplikasi web. (Hamdi, Muhammad.2019). 
Metodologi penelitan yang digunakan dalam artikel ini adalah metode kualitatif melalui studi 
pustaka. Metode kualitatif adalah prosedur penelitian yang menghasilkan data deskriptif berupa 
kata-kata, catatan-catatan yang berhubungan dengan arti, nilai serta pengertian. 


Kata Kunci: MVC, Pengertian MVC, Manfaat MVC, Cara Kerja MVC 
ABSTRACT 


The development of technology is currently increasingly widespread in any field, one of which is 
in the field of programming technologysuch as the Model View Controller (MVC) concept. The 
Model View Controller was first published by XEROC PARC researchers who worked on the 
Smalltalk Programming language around 1970-1980, until now this software design pattern is 
widely use in developing an application or website. Model View Controller is a method for 
creating an application by separating the data (Model), from the view (View), and how to 
process it (Controller). In its implementation, most frameworks in website applications are based 
on the MVC architecture. MVC separates application development based on the main 
components that build an application such as data manipulation, user interface, and parts that 
become controls in a web application. (Hamdi, Muhammad.2019). The research methodology 


used in this article is a gualitative method through literature study. Oualitative methods are 
research procedures that produce descriptive data in the form of words, notes related to 
meaning, value and understanding. 
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PENDAHULUAN 

Berkembangnya teknologi saat ini semakin luas dalam bidang apapun, seperti teknologi 
dibidang pendidikan, teknologi sistem Informasi, teknologi pemrograman dan sebagainya. 
Contoh di bidang pendidikan seperti adanya aplikasi zoom/Gmeet, Media sosial learning dan 
sebagainya. Contoh si bidang teknologi informasi seperti Handphone, televisi, PC, dan 
sebagainya. Sedangkan contoh teknologi di bidang pemrograman seperti adanya konsep sistem 
pemrograman Model View Controller (MVC). 

Model View Controller adalah sebuah metode untuk membuat sebuah aplikasi dengan 
memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller). 
Dalam implementasinya kebanyakan framework dalam aplikasi website adalah berbasis 
arsitektur MVC. MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang 
membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang 
menjadi kontrol dalam sebuah aplikasi web. (Hamdi, Muhammad.2019). 

Dengan konsep mvc ini bisa mempermudah dalam mengerjakan suatu projek, salah 
satunya projek pembuatan aplikasi sistem informasi. Perkembangan sistem informasi yang pesat 
saat ini maka penyajian informasi secara efektif semakin dibutuhkan. Penyajian informasi 
seharusnya sudah beralih dari sistem lama yaitu pencatatan manual menjadi system 
komputerisasi. Demikian halnya pencatatan data nilai siswa yang akan di bahas dalam artikel 
kali ini. 

Di sekolah para siswa setiap semesternya pasti ada yang namanya penilaian mata 
pelajaran. Penilaian mata pelajaran biasanya lewat beberapa penilaian harian, penilaian tengah 
semester, dan akhir semester. Penilaian tersebut akan di masukkan dalam buku rapor. Sebelum di 
masukkan ke rapor, setiap guru akan mencatatnya dahulu di kertas nilai siswa lalu di kelola lagi 
di Excel untuk di masukkan ke rapor, dengan kata lain dua kali kerja. Untuk mempermudah 
pencatatan maka penulis berniat membuat sebuah aplikasi untuk pencatatan nilai siswa. Tujuan 
dibuatnya aplikasi ini untuk mempermudah pencatatan nilai (tidak kerja dua kali), dan 
menghindari kesalahan pencatatan (human error). 


KAJIAN PUSTAKA 

Model View Controller pertama sekali dipublikasikan oleh peneliti XEROX PARC yang 
bekerja dalam pembuatan bahasa pemrograman Smalltalk sekitar tahun 1970-1980, hingga 
sekarang software design pattern ini banyak dipergunakan dalam pengembangan sebuah aplikasi 
maupun Situs web. Design pattern ini sekarang banyak dimanfaatkan pada PHP Framework 
populer di dunia seperti Laravel, Symfony, Code Igniter, maupun Yii. MVC memisahkan 


program dalam tiga bagian terpisah yang saling terhubung sesuai dengan namanya, yaitu: Model, 
View, dan Controller. 

MVC atau Model View Controller adalah sebuah cara dalam membuat aplikasi atau 
website dengan Model yang mana model ini berisi beberapa data yang akan di gunakan membuat 
projek, dan View berisi tampilan projek tersebut, dan Controller berisi perintah-perintah yang 
memiliki fungsi (function) dalam menghubungkan model dan view tersebut. 

Jadi bisa disimpulkan MVC ini seperti: 
1. Model, merupakan bagian untuk pengelolaan pada database 
2. View, merupakan bagian yang menampilkan desain tampilan dan juga informasi kepada 
user atau pengguna (end user) 
3. Controller, merupakan bagian yang memberikan fungsi dalam menghubungkan model 
dan view pada setiap proses reguest dari user. 
Dengan konsep MVC, pengembangan sebuah website atau aplikasi lebih mudah di kerjakan 
karena pembuatan website tersebut terdiri dari masing-masing bagian yang terpisah sehingga tim 
developer dapat lebih fokus ke salah satu bagiannya saja dari model, view, dan controller. 

Cara kerja MVC adalah pada bagian View melakukan permintaan informasi agar dapat 
ditampilkan kepada pengguna. Permintaan tersebut kemudian diterima oleh Controller dan 
dikirimkan ke bagian Model untuk diproses. Di bagian Model, informasi tersebut akan diolah 
dan dicari data informasinya ke dalam database yang dimiliki. Setelahnya, Model akan 
memberikan kembali pada controller untuk ditampilkan hasilnya pada View. Controller 
mengambil hasil olahan yang dilakukan pada bagian model dan menatanya pada bagian View. 
Berikut beberapa manfaat menggunakan framework MVC dalam pembuatan website: 


1. Proses Pengembangan Website Menjadi Lebih Efisien 

Konsep MVC membantu membuat proses pengembangan website menjadi lebih 
cepat. Hal ini karena MVC membagi bagian Model, View dan Controller. Jadi jika dalam 
pembuatan website ini terbagi dalam tim, maka pengerjaannya akan terbagi seperti ini: 
Bagian Model dan Controller bisa dikerjakan oleh Tim Back End Developer. Bagian 
View bisa dikerjakan oleh Tim Front End Developer dan Tim UI/UX. Jadi, tim UI/UX 
dapat menyelesaikan perancangan desain pada halaman depan, tim Back End dan Front 
End dapat memulai membuat kode pemrograman. Tim UI/UX juga dapat beralih ke 
perancangan halaman desain lain misalnya halaman produk. 


2. Pengujian Menjadi Lebih Mudah 
Sangat diperlukan sebuah tahapan pengujian yang harus dilakukan agar dapat 
memastikan website dapat berjalan dengan baik. Jadi, proses pengujian dapat dilakukan 
per bagian yang telah siap dan tidak perlu menunggu seluruh situs web selesai. 


3. Error atau Bug Lebih Cepat dan Mudah Ditangani 


Metode MVC dapat membuat developer lebih fokus pada bagian 
pengembangannya masing-masing. Jadi mereka dapat menemukan bug dengan cepat dan 
dapat segera memperbaikinya. Contohnya, sebuah fungsi Simpan pada website rapor 
online tidak dapat berjalan dengan baik, maka kemungkinan permasalahan yang bisa 
terjadi adalah pada datanya atau tombolnya. Jadi, jika ternyata errornya adalah kesalahan 
pada datanya yaitu di bagian Model, maka bagian front end dapat langsung memperbaiki 
error tersebut. 


4. Pemeliharaan atau Maintenance Menjadi Lebih Mudah 
Selain kemudahan-kemudahan di atas, konsep MVC ini juga dapat memudahkan 
dalam menyusun script menjadi lebih terstruktur dan rapi. Jika suatu saat ingin 
melakukan pengembangan atau maintenance website tersebut, tim developer akan mudah 
melakukannya. Contohnya, jika ingin menambahkan fitur “tabel absensi” pada website 
Rapor Online, maka tim developer dapat dengan mudah menemukan kode script yang 
dapat ditambahkan atau diperbarui. 


METODE 

Metodologi penelitan yang digunakan dalam artikel ini adalah metode kualitatif melalui studi 
pustaka. Metode kualitatif adalah prosedur penelitian yang menghasilkan data deskriptif berupa 
kata-kata, catatan-catatan yang berhubungan dengan arti, nilai serta pengertian. Sumber data 
dalam penelitian ini, terdiri dari beberapa sumber seperti website dan juga artikel. Dari sumber 
tersebut penulis juga dapat membuat sebuah aplikasi sistem informasi Nilai Siswa Sederhana 
dengan bantuan aplikasi seperti XAMPP untuk menghubungkan ke Database, dan juga Netbeans 
untuk menuliskan kode program. 


PEMBAHASAN 
Agar bisa lebih paham dengan kosnep MVC, berikut adalah contoh implementasi konsep MVC 
dengan kode program Java menggunakan aplikasi Netbeans, berikut langkah-langkahnya: 


1. Buatlah sebuah database dahulu di localhost atau di Command prompt 


Gambar 1 Database 
Gambar diatas merupapkan database yang akan digunakan di program Informasi Nilai 
Siswa. Database tersebut dibuat di command prompt menggunakan nama database mvc 


dengan nama tabel informasisiswa. 


2. Buat project di Netbeans dan koneksikan ke database 


StartPage ”X B Connectjava X S Siswa.java X IE FormSiswa.java x (8) CtriSiswa.java ag IE Zakat.java "3 
Sure Hor (OM-a-audunPsrgalogz- 
7 
8 author user 
9 
10 package Connection: 
@ H import com.mysgl.jdbc.Driver: 
12 import java.sgl.Connection: 
13 import java.sgl.DriverManager: 
@a import java.sgl.SOLException: 
1S| - import javax.swing.JOptionPane: 
16 
35) public class Connect ( 
18 static Connection Koneksi: 
19| - public static Connection getConnection() i 
20 try ( 
21 Koneksi - DriverManager.getConnection ("jdbc:mysgl://localhost/mvc",| "root", "M)3 
@ | catch (Exception e) ( 
23 JOptionPane.showMessageDialog(null, "Koneksi Database Gagal"): 
24 / 
25 return Koneksi: 
26| - , 
27 , 


Gambar 2 Koding untuk koneksi ke database 


Buatlah file di Netbeans dengan nama mvc, lalu di file mvc tersebut buatlah sebuah 
package Connection lalu Class-nya beri nama Connect. Di Class Connect() isi dengan 
kode diatas. 


3. Buat Package Model 
Buat package lagi dengan nama Model. Di dalam package Model buatlah Class Siswa() 
yang nantinya akan diisi data-data 


StartPage Xx || Gonnectjava X ||) siswajava Xx | (6) Forms Start Page xi Connect.java Xie Siswa.java x IIS Formsiswa, StartPage X|ISj Comnectjava X|ISI Siswa.java X | (Ef) FormSiswajava X | (SJ Ctris 
Source | Hstory |I9 M- MN - Aa adi Source | Hstory (IG M- MA adu fesourea | Hatory | UG MA BN TA th Perlaule 
11| package Model: | 42| H public int getTh2() ( iB public void setThi(int thl) ( 
@ ort com.mysgl.jdbc.Statement: 43 return th2: 73 this.thl - thl: 
@ | import java.awt.HeadlessException: Kal — f 1a| - , 
@| | import java. sal. Connection: as| O public int getTh3() ( sg public void setTh2(int th2) ( 
@ | mport java.sal.DriverManager: 46 return th3: 76 this.th2 — th2: 
& import java.sgl.ResultSet: 27| - , m| - , 
@ | import java. sal.50LException: a| D public int getTh4() ( su public void setTh3(int th3) ( 
@a import javax.swing.JOptionPane: 49 return th4: 79 this.th3 — th3: 
@ - import Connection.Connect: 50| - 5 80| - , 
20 s1| 4 public int getRatath() ( .O public void setTh4(int th4) ( 
21 public class Siswa ( 52 return ratath: 82 this.th4 - th4: 
22 private int nis: 53| - , Eu , 
23 private String nama: sa| public int getPts() ( s| public void setRatath(int ratath) ( 
24 private int thl: 55 return pts: 85 this.ratath » ratath: 
25 private int th2: se| - , Bel - , 
26 pEioate Ine th: 3/4 pabi36 Set watt () 4 | public void setPts(int pts) ( 
27 private int th4: s8 return pas, 5 Ehta-pEa Dar 
89| - , 
28 private int pts: Il s9 - , 5 
29 Dalake Seo Kan @ public float getRata() ( 2 aj aa void peran pas) ( 
30 private float rata: el return rata: Ps L : this.pas - pas: 
31 private String kompetensi: 62| - , 
3| H 'ub1: a tRata (float 
32 public int ratath, sa public String getKompetensi () ( 23| PARE TA (Etant aka 
Eri this.rata - rata: 
33 1 public int getNIS() ( 64 return kompetensi: rel L 1 
34 return nis: es| - , . 
5 sej ublic void setKompetensi (String kompetensi) ( 
35 , ce| D public void setNIS(int nis) ( P Tn. an Pa 
A 97 this.kompetensi - kompetensi: 
36 public String getNama() ( & this.nis - nis: sal L , 
37 return nama: c8| - , 99 , 
38 , ea public void setNama (String nama) ( 
39 public int getTh1() ( 70 this.nama - nama: 
40 return thl: m| 1 
41 1 72| A public void setThl1(int thl) ( 
27 public int getTh2() | 73 this.thl — thl: 


Gambar 3 Class Siswa() (Model) 


Pada Class Siswa() berisi data-data yang akan digunakan dalam membuat program 
Informasi Nilai Siswa seperti pada gambar diatas. 

Buat package View 

Pada package View buatlah JFrame Form dengan nama FormSiswa() untuk membuat 
desain atau tampilan programnya 


'StartPage X|ISI Connectjava X|ISI Siswajava X|EL FormSiswajava X | (SJ CriSiswaj 
Sara beam Heoy | MMA un sajam 


StartPage X|ISJ Connectjava XS) Siswa.java X | (ih FormSisi 


13 package View: | 5 
14| CH import Controller.Ctr1Siswa: | Bore) Desan History | IP MS il a R Bak — ta 
@ import javafx.application.Application: 33| E public JTextField gettxtth2() ( 
1e| import javax.swing.JTextArea: 34 return txtth2: 

17| - import javax.swing.JTextField: 3s! L » 

Al Se javax.swing.JFrame ( se public ITextFicld gettrtth3() ( 
2 public FormSiswa () ( 37 return txtth3: 

21 initComponents (): 38| - , 

22| ctrl — new CtrlSiswa(this): 39| - public JTextField gettxtth4() i 
23 , 40 return txtth4: 

24 public JTextField gettxtnis() ( “| L , 

2 1 PENGEN Ap 2|C public JTextField gettxtpts() ( 
27 public JTextField gettxtnama() ( 43 TERNIA SEEPtA: 

2s| return txtnama: aa| - , 

29| , ask public JTextField gettxtpas() ( 
30 public JTextField gettxtthl() ( 46 return txtpas: 

31 return txtthl: a7| 5 

5 , as| C public JTextArea gettxthasil() ( 
33 public JTextField gettxtth2() i 49 return txthasil: 

34 return txtth2: 

35 , 50| - , 

36 public JTextField gettxtth3() ( S1 

37 return txtth3: 

38| 1 

39| public JTextField gettxtth4() ( 

40 return txtth4: 

41 / 

a2| public JTextField gettxtpts() | 

43 return txtpts: 

44 / 


Gambar 4.1 Koding deklarasi variabel di Class FormSiswa/). 


Gambar 4.2 Interface 


5. Buat package Controller 


StartPage X || Connectjava X|ISI Siswa.java X|E FormSiswa:java X IS Ctrisiswa.java X | (Ci) Zakatjava X 
Suce | Ht (GB MMA uyunPeelaaloous 
10| package Controller: 
1 import Connection.Connect: 
12 import Model.Siswa: 
13 import View.FormSiswa: 
14 import com.mysgl.jdbc.Statement: 
imp ort java.sgl.Connection: 
| import java.sgl.PreparedStatement: 
17 import javax.swing.JOptionPane: 
18 
19| public class CtrlSiswa | 
20 private Siswa sis: 
@ private FormSiswa tampil: 
22 
2| 4 public CtrlSiswa (FormSiswa tampil) ( 
24 this.tampil - tampil: 
2s| - , 
26 
2/0 public void simpan () ( 
28 Try ( 
@ Statement statement - (Statement) Connect.getConnection() .createStatement (): 
30 statement.executeUpdate ("insert into informasisiswa VALUES ('"#sis.GetNIS ()t"', '"#sis.getNama ()4"', '" 
31 #sis.getThl ()4"", '"#sis.getTh2 ()4"", '"isis.getTh3 ()4"', '"4sis.getTh4 ()t"', '"4sis.getPts()t"t, "1 
32 #si9.getPas ()#"):") 3 
33 Statement.close (): 
34 JOptionPane.showMessageDialog (null, "Data Berhasil Disimpan"): 
@ ) catch (Exception t) ( 
36 JOptionPane.showMessageDialog (null, "Data Gagal Disimpan"): 
37 , 
38| L / 


Gambar 5.1 Class CtrlSiswa(), Import, Deklarasi variable, Fungsi Simpan. 


StartPage X |lSj Connectjava X |IsiJ Siswajava X (Ef Formsiswa.java Xx (ls) Ctrisiswajava X | Bi) Zakatjava X 
Isa Kalau gunPsrlaulouluu 

39 Naa 2 5 
2 public void proses() ( 

41 sis - new Siswa): 

42 sis.setNIS (Integer.parseInt(tampil.gettxtnis () .getText ())): 
43 sis.setNama (tampil.gettxtnama () .GgetText ()): 

44 sis.setThl (Integer.parseInt(tampil.gettxtthl () .getText ())): 
45 sis.setTh2 (Integer.parseInt(tampil.gettxtth2 ().getText ())): 
46 sis.setTh3 (Integer.parseInt(tampil.gettxtth3 () .getText ())): 
47 sis.setTh4 (Integer.parseInt(tampil.gettxtth4 ().getText ())): 
48 sis.setPts(Integer.parseInt(tampil.gettxtpts () .getText ())): 
49 sis.setPas (Integer.parseInt(tampil.gettxtpas() .GetText ())): 
50 sis.ratath - ((sis.getThl() # sis.getTh2() # sis.getTh3() # sis.getTh4())/4): 
s1 sis.setRata( (sis.getRatath() # sis.getPts() # sis.getPas())/3): 
s2 if (sis.getRata() »- 75) ( 

53 sis.setKompetensi ("KOMPETEN"): 

54 | else ( 

55 si3.setKompetensi ("TIDAK KOMPETEN") : 

56 f 

57 tampil.gettxthasil () .setText ("INFORMASI NILAI SISWANn" 

58 #"NIM : "#sis.getNIS()4#"Na" 

59 t"Nama : "#sis.getNama()#"Nn" 

60 #"Tugas Harian : "#sis.getRatath()4#"Nn" 

61 #"Penilaian Tengah Semester : "#sis.getPts()#"Nn" 
62 #"Penilaian Akhir Semester : "#sis.getPas()4"Nn" 
63 #"Rata-rata : "#sis.getRata()4"Nn" 

64 #"Anda Dinyatakan "#sis.getKompetensi ()4"Nn") : 

es| - , 

66 

67| H public void reset () ( 

68 tampil.gettxtnis () .setText (""): 

69 tampil.gettxtnama ().setText (""): 

70| tampil.gettxtthl () .setText (""): 


Gambar 5.2 Class CtrlSiswa(), Fungsi Proses, Fungsi Reset. 


StartPage X||sij Connectjava XS) Siswajava X El) FormSiswajava X||sij Ctrisiswa.java X | (Ef Zakatjava X 

sure | tor (GO MMA adu iPsslauloouu 

8 

4 public void reset () ( 

e8| tampil.gettxtnis () .setText (""): 

cg tampil.gettxtnama () .setText (""): 

tol tampil.gettxtthl () .setText(""): 

n) tampil.gettxtth2 () .setText (""): 

72| Tampil.gettxtth3 () .setText (""): 

73| tampil.gettxtth4 () .setText (""): 

m| tampil.gettxtpts () .setText(""): 

7s| tampil.gettxtpas () .setText (""): 

1e| tampil.gettxthasil() .setText (""): 

m| - , 

78 

al BE public void hapus() ( 

z0| Sis. setNIS (Integer.parseInt(tampil.gettxtnis () .getText ())): 

al sis.setNama(tampil.gettxtnama () .getText ()): 

e2| sis.setThl (Integer.parseInt(tampil.gettxtthl ().getText ())): 

23| Sis.setTh2 (Integer.parseInt(tampil.gettxtth2 () .getText ())): 

sa| 3is.setTh3 (Integer.parseInt(tampil.gettxtth3 () .GetText ())): 

es| Sis.setTh4 (Integer.parseInt(tampil.gettxtth4 (| .getText ())): 

86 sis.setPts (Integer.parseInt(tampil.gettxtpts () .getText ())): 

e7| sis.setPas (Integer.parseInt(tampil.gettxtpas() .getText ())): 

a8| try ( 
@ Statement statement - (Statement) Connect.getConnection() .createStatement (): 
s0| statement.executeUpdate ("DELETE FROM informasisiswa WHERE NIS-'"4sis.getNIS ()4"'"): 
sal statement.close (): 

s2| JOptionPane.showMessageDialog (null, "Data Berhasil Di Hapus"): 
& | catch (Exception t) ( 

sa) JoptionPane.shorMessageDialog (null, "Data Gagal Di Hapus"): 
9s , 

se| - , 

a| , 


Gambar 5.3 Class CtrlSiswa(), Fungsi Reset, Fungsi Hapus. 


Pada Class CtriSiswa() berisi semua perintah atau fungsi untuk menjalankan View 
dengan mengambil data dari Model. Kemudian semua fungsi tersebut akan dipanggil di 
View sesuai fungsinya seperti pada gambar di bawah ini. 


288| (-! private void btnprosesActionPerformed (java.awt.event.ActionEvent evt) ( 
289 

290 ctrl.proses(): 

291| - , 

292 

2933| H private void btnresetActionPerformed (java.awt.event.ActionEvent evt) ( 
294 

295 ctrl.reset (): 

296| - 5 

297 

298| Hj private void btnexitActionPerformed (java.awt.event.ActionEvent evt) i 
299 

300 System.exit (0): 

301| - : 

302 

303| private void txtthlActionPerformed (java.awt.event.ActionEvent evt) ( 


305| - 4 


307 private void btnsimpanActionPerformed (java.awt.event.ActionEvent evt) ( 
308 — 3 

309 ctrl.simpan (): 

310| - , 

311 

312| - private void btnhapusActionPerformed (java.awt.event.ActionEvent evt) ( 
313 

314 ctrl.hapus (): 


315 , 


Gambar 5.4 Class FormSiswa(), Pemanggilan Fungsi di Class CtriSiswa() ke Class 
FormSiswa/). 


KESIMPULAN 
Kesimpulan yang di dapat dari pembahasan di atas adalah: 
1. Model, berisi data-data yang akan digunakan dalam pembuatan program. 
2. View, berisi desain tampilan dan juga informasi kepada user atau pengguna (end user). 
3. Controller, berisi fungsi dalam menghubungkan model dan view pada setiap proses 
reguest dari user. 
4. MVC memudahkan perawatan sebuah program, karena pembuatan program tersebut 
terdiri dari masing-masing bagian yang terpisah sehingga tim developer dapat lebih fokus 
ke salah satu bagiannya saja dari model, view, dan controller. 
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